    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<title>确认框</title>
<style>
html,body {width: 100%;height: 100%padding: 0; margin: 0; animation:fadeIn 0.3s;-webkit-animation:fadeIn 0.3s;}

@-webkit-keyframes fadeIn {from {opacity:0.1;}}
@-moz-keyframes fadeIn {from {opacity:0.1;}}
@keyframes fadeIn {from {opacity:0.1;}}
.tapcss{ background-color: #eee;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex1 {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

/*半像素边框*/
.boxbg{ background: rgba(0, 0, 0, 0.3);position: fixed; z-index:1; top: 0; bottom: 0; right: 0; left: 0; }
.box{ background-color: #fff; width: 275px; height:210px; overflow:hidden; border-radius:12px; position: fixed; z-index:10; top: 0; bottom: 0; right: 0; left: 0; margin:auto;}
.box .title { margin-top: 6px;height: 55px; line-height: 55px; text-align: center; color: #333333;font-weight:700;}
.box .btm { height: 52px; line-height: 52px; position: absolute; bottom: 0px; left: 0px; right: 0px;}
.box .btm .item{text-align: center; color:#E75229; font-size:14px; position: relative;font-weight: 600;}
.box .btm .item:before{content:" ";position:absolute;left:0;top:-0.03rem;right:0;border-top:1px solid rgba(177,177,177,0.6);color:rgba(177,177,177,0.6);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.2);transform:scaleY(0.2);}
.box .btm .item:nth-child(2):after{content:" ";position:absolute;left:-0.03rem;top:0;bottom:0;border-right:1px solid rgba(177,177,177,0.6);color:rgba(177,177,177,0.6);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.2);transform:scaleX(0.2);}
.box .btm .color_1{color:#333333;}
.box .btm .color_0{color:#333333;}

.quan-list{width: 100%;padding: 0 6px;box-sizing: border-box;}
.quan-list .quan-one{width: 100%;height: 74px;background: url(../../image/main3/quan_bg.png) no-repeat center ;background-size:contain;position: relative;top: 0;left: 0;}
.quan-list .quan-one .l{width: 45%;position: absolute;top: 0;left: 0;height: 100%;color: #FFFFFF;align-items: center;justify-content: center;}
.quan-list .quan-one .l .lable{font-size: 18px;margin:-10px 0 0 -20px;}
.quan-list .quan-one .l .price{font-size: 38px;margin-left: 4px;}
.quan-list .quan-one .l .text{font-size: 18px;}
.quan-list .quan-one .r{width: 50%;height: 74px;position: absolute;top: 0;right: 0;height: 100%;color: #930D34;flex-direction: column;justify-content: center;padding-left: 6px;box-sizing: border-box;}
.quan-list .quan-one .r .title1{font-size: 12px;font-weight: 700;}
.quan-list .quan-one .r .type{font-size: 10px;padding-top: 4px;}
.quan-list .quan-one .r .time{font-size: 10px;padding-top: 2px;}

</style>
</head>
 <body>
<div id="vue" >
    <div class="boxbg"></div>
	<div class="box">
		<div class="title" id="title">您获得了</div>
        <div class="quan-list">
            <div class="quan-one flex">
                <div class="l flex">
                    <div class="lable" v-if="Pdata.type == 'money'">¥</div>
                    <div class="price" v-if="Pdata.type == 'money'" v-text="Pdata.val"></div>
                    <div class="text" v-if="Pdata.type == 'baoyou'"></div>
                    <div class="text" v-if="Pdata.type == 'mshui'"></div>
                </div>
                <div class="r flex">
                    <div class="title1" v-text="Pdata.title"></div>
                    <div class="type" v-text="Pdata.str"></div>
                    <div class="time"><i v-text="Pdata.kaidate"></i>-<i v-text="Pdata.enddate"></i></div>
                </div>
            </div>
        </div>
		<div class="btm flex" id="button">
			<!-- <div class="lf item flex1 border-right color_1" tapmode="tapcss" onclick="bntClick(this)">取消</div> -->
			<div class="rt item flex1 color_1"  tapmode="tapcss" onclick="bntClick(this)">确定</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="../../script/base.min.js" id="loadjs" data-js=""></script>
<script type="text/javascript">
    define(function (require, exports, module) {
    	pageParam = api.pageParam;
        lanYun.newVue('#vue', {
            Pdata:pageParam
        },function(e) {

        });
    });
    function bntClick(tis){
        var dst = tis.dataset;
        lanYun.setStorage('reshpage',1);
    	api.closeFrame();
    }
</script>
</html>
